<head>
  {% include "./_pub_header.html" %}
</head>
<!--login modal-->
{{ username }}
<div id="loginModal" class="modal show" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h1 class="text-center">Login</h1>
      </div>
      <div class="modal-body">
          <form action="." method="post" class="form col-md-12 center-block">
            <div style="display:none">
              <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
            </div>
            <div class="form-group">
              <input type="text" id="id_username" name="username" class="form-control input-lg" placeholder="Username">
            </div>
            <div class="form-group">
              <input type="password" id="id_password" name="password" class="form-control input-lg" placeholder="Password">
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-primary btn-lg btn-block">Sign In</button>
              {% if next %}
                <input type="hidden" name="next" value="{{ next }}" />
              {% endif %}
            </div>
          </form>
      </div>
      <div class="modal-footer">
          <div class="col-md-12">
          <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
          </div>    
      </div>
  </div>
  </div>
</div>